{% extends 'base_ksh.html' %}
{% load staticfiles %}
{% block title %}
    <title>河南省农业综合行政执法案件信息可视化分析</title>
{% endblock %}
{% block css %}

{% endblock %}

{% block body %}
    <header class="header">
        <!--导航栏-->
        <div class="navigation">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="main-navigation">
                            <div class="logo">
                                <a href="/index/1/">
                                    <img src="/static/assets/images/案件档案.png" class="img-fluid image-fit" alt="img"
                                         style="height: 40px;width: 40px">
                                </a>
                            </div>
                            <div class="main-menu">
                                <nav>
                                    <ul class="custom-flex">
                                        <li class="menu-item menu-item-has-children active">
                                            <a href="#" class="text-light-dark" id="hns">河南省<span class=""></span></a>
                                        </li>
                                        <li class="menu-item menu-item-has-children">
                                            <a href="#" class="text-light-dark">豫东<span class="arrow"></span></a>
                                            <ul class="custom sub-menu">
                                                <li class="menu-item">
                                                    <a href="{{ path }}&sxs=2" class="text-custom-white">开封市</a>
                                                </li>
                                                <li class="menu-item">
                                                    <a href="{{ path }}&sxs=6" class="text-custom-white">商丘市</a>
                                                </li>
                                                <li class="menu-item">
                                                    <a href="coming-soon.html" class="text-custom-white">周口市</a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="menu-item menu-item-has-children">
                                            <a href="#" class="text-light-dark">豫南<span class="arrow"></span></a>
                                            <ul class="custom sub-menu">
                                                <li class="menu-item">
                                                    <a href="gallery.html" class="text-custom-white">南阳市</a>
                                                </li>
                                                <li class="menu-item">
                                                    <a href="404.html" class="text-custom-white">驻马店市</a>
                                                </li>
                                                <li class="menu-item">
                                                    <a href="coming-soon.html" class="text-custom-white">信阳市</a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="menu-item menu-item-has-children">
                                            <a href="#" class="text-light-dark">豫西<span class="arrow"></span></a>
                                            <ul class="custom sub-menu">
                                                <li class="menu-item">
                                                    <a href="faqs.html" class="text-custom-white">洛阳市</a>
                                                </li>
                                                <li class="menu-item">
                                                    <a href="coming-soon.html" class="text-custom-white">三门峡市</a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="menu-item menu-item-has-children">
                                            <a href="#" class="text-light-dark">豫北<span class="arrow"></span></a>
                                            <ul class="custom sub-menu">
                                                <li class="menu-item">
                                                    <a href="gallery.html" class="text-custom-white">安阳市</a>
                                                </li>
                                                <li class="menu-item">
                                                    <a href="404.html" class="text-custom-white">鹤壁市</a>
                                                </li>
                                                <li class="menu-item">
                                                    <a href="coming-soon.html" class="text-custom-white">新乡市</a>
                                                </li>
                                                <li class="menu-item">
                                                    <a href="coming-soon.html" class="text-custom-white">焦作市</a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="menu-item menu-item-has-children">
                                            <a href="#" class="text-light-dark">豫中<span class="arrow"></span></a>
                                            <ul class="custom sub-menu">
                                                <li class="menu-item">
                                                    <a href="gallery.html" class="text-custom-white">郑州市</a>
                                                </li>
                                                <li class="menu-item">
                                                    <a href="404.html" class="text-custom-white">平顶山</a>
                                                </li>
                                                <li class="menu-item">
                                                    <a href="coming-soon.html" class="text-custom-white">许昌市</a>
                                                </li>
                                                <li class="menu-item">
                                                    <a href="coming-soon.html" class="text-custom-white">漯河市</a>
                                                </li>
                                            </ul>
                                        </li>
                                    </ul>
                                </nav>
                                <div class="cta-btn">
                                    <a href="/index/1/" class="btn-first btn-submit">Back To Home</a>
                                </div>
                            </div>
                            <div class="hamburger-menu">
                                <div class="menu-btn">
                                    <span></span>
                                    <span></span>
                                    <span></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Navigation -->
    </header>
    <div class="container" style="text-align: right">
        <form class="form-inline" action="" method="get">
            <input type="date" class="form-control t1" name="t1">
            <label>-</label>
            <input type="date" class="form-control t2" name="t2">
            <button type="submit" class="btn btn-default"><span class="glyphicon glyphicon-ok"></span>
            </button>
        </form>
    </div>
    <div class="container-fluid">
        <h2>河南省农业行政综合执法案件统计分析</h2>
        <div class="container">
            <h3>一、概述</h3>
            <p>{{ t }}，{{ cw }}共办理农业行政案件**起，结案**起，移交司法机关**起，涉案总金额**万元，罚款总金额**万元，捣毁黑窝点**个。其中：</p>
            <p>办理防疫法案件**起，结案**起，移交司法机关**起，涉案总金额**万元，罚款总金额**万元，捣毁黑窝点**个。</p>
            <p>办理饲料案件**起，结案**起，移交司法机关**起，涉案总金额**万元，罚款总金额**万元，捣毁黑窝点**个。</p>
            <p>办理兽药法案件**起，结案**起，移交司法机关**起，涉案总金额**万元，罚款总金额**万元，捣毁黑窝点**个。</p>
            <p>办理种子法案件**起，结案**起，移交司法机关**起，涉案总金额**万元，罚款总金额**万元，捣毁黑窝点**个。</p>
            <p>办理化肥疫法案件**起，结案**起，移交司法机关**起，涉案总金额**万元，罚款总金额**万元，捣毁黑窝点**个。</p>
            <p>办理农药法案件**起，结案**起，移交司法机关**起，涉案总金额**万元，罚款总金额**万元，捣毁黑窝点**个。</p>
            <p>办理屠宰法案件**起，结案**起，移交司法机关**起，涉案总金额**万元，罚款总金额**万元，捣毁黑窝点**个。</p>
            <p>办理渔业法案件**起，结案**起，移交司法机关**起，涉案总金额**万元，罚款总金额**万元，捣毁黑窝点**个。</p>
            <p>办理农机法案件**起，结案**起，移交司法机关**起，涉案总金额**万元，罚款总金额**万元，捣毁黑窝点**个。</p>
        </div>

        <div class="container" title="各地立案数与结案数对比分析图">
            <h3>二、各地立案数与结案数对比分析图</h3>
        </div>
        <div class="row" title="各地立案数与结案数对比分析图" style="text-align: center">
            c
            <script>
                var chart_9c893740665f41449c15edcb71e5b539 = echarts.init(
                    document.getElementById('9c893740665f41449c15edcb71e5b539'), 'white', {renderer: 'canvas'});
                var option_9c893740665f41449c15edcb71e5b539 = {
                    "animation": true,
                    "animationThreshold": 2000,
                    "animationDuration": 1000,
                    "animationEasing": "cubicOut",
                    "animationDelay": 0,
                    "animationDurationUpdate": 300,
                    "animationEasingUpdate": "cubicOut",
                    "animationDelayUpdate": 0,
                    "color": [
                        "#c23531",
                        "#2f4554",
                        "#61a0a8",
                        "#d48265",
                        "#749f83",
                        "#ca8622",
                        "#bda29a",
                        "#6e7074",
                        "#546570",
                        "#c4ccd3",
                        "#f05b72",
                        "#ef5b9c",
                        "#f47920",
                        "#905a3d",
                        "#fab27b",
                        "#2a5caa",
                        "#444693",
                        "#726930",
                        "#b2d235",
                        "#6d8346",
                        "#ac6767",
                        "#1d953f",
                        "#6950a1",
                        "#918597"
                    ],
                    "series": [
                        {
                            "type": "bar",
                            "name": "\u7acb\u6848\u6570",
                            "data": [
                                59,
                                87,
                                47,
                                68,
                                60,
                                87,
                                36,
                                23,
                                30,
                                53,
                                32,
                                21,
                                97,
                                39,
                                70,
                                96,
                                84,
                                28,
                                97,
                                20,
                                28,
                                45,
                                42,
                                60,
                                52,
                                29,
                                35,
                                97
                            ],
                            "barCategoryGap": "20%",
                            "label": {
                                "show": true,
                                "position": "top",
                                "margin": 8
                            }
                        },
                        {
                            "type": "bar",
                            "name": "\u7ed3\u6848\u6570",
                            "data": [
                                64,
                                37,
                                33,
                                63,
                                18,
                                74,
                                53,
                                32,
                                74,
                                60,
                                11,
                                64,
                                17,
                                46,
                                23,
                                28,
                                50,
                                58,
                                52,
                                70,
                                81,
                                40,
                                62,
                                41,
                                80,
                                81,
                                39,
                                28
                            ],
                            "barCategoryGap": "20%",
                            "label": {
                                "show": true,
                                "position": "top",
                                "margin": 8
                            }
                        }
                    ],
                    "legend": [
                        {
                            "data": [
                                "\u7acb\u6848\u6570",
                                "\u7ed3\u6848\u6570"
                            ],
                            "selected": {
                                "\u7acb\u6848\u6570": true,
                                "\u7ed3\u6848\u6570": true
                            },
                            "show": true,
                            "padding": 5,
                            "itemGap": 10,
                            "itemWidth": 25,
                            "itemHeight": 14
                        }
                    ],
                    "tooltip": {
                        "show": true,
                        "trigger": "axis",
                        "triggerOn": "mousemove|click",
                        "axisPointer": {
                            "type": "cross"
                        },
                        "textStyle": {
                            "fontSize": 14
                        },
                        "borderWidth": 0
                    },
                    "xAxis": [
                        {
                            "type": "category",
                            "show": true,
                            "scale": false,
                            "nameLocation": "end",
                            "nameGap": 15,
                            "gridIndex": 0,
                            "axisPointer": {
                                "show": true,
                                "type": "shadow"
                            },
                            "inverse": false,
                            "offset": 0,
                            "splitNumber": 5,
                            "minInterval": 0,
                            "splitLine": {
                                "show": false,
                                "lineStyle": {
                                    "show": true,
                                    "width": 1,
                                    "opacity": 1,
                                    "curveness": 0,
                                    "type": "solid"
                                }
                            },
                            "data": [
                                "\u90d1\u5dde",
                                "\u5f00\u5c01",
                                "\u6d1b\u9633",
                                "\u5e73\u9876\u5c71",
                                "\u5b89\u9633",
                                "\u9e64\u58c1",
                                "\u65b0\u4e61",
                                "\u7126\u4f5c",
                                "\u6fee\u9633",
                                "\u8bb8\u660c",
                                "\u6f2f\u6cb3",
                                "\u4e09\u95e8\u5ce1",
                                "\u5357\u9633",
                                "\u5546\u4e18",
                                "\u4fe1\u9633",
                                "\u5468\u53e3",
                                "\u9a7b\u9a6c\u5e97",
                                "\u6d4e\u6e90",
                                "\u5de9\u4e49",
                                "\u5170\u8003",
                                "\u6c5d\u5dde",
                                "\u6ed1\u53bf",
                                "\u957f\u57a3",
                                "\u9093\u5dde",
                                "\u6c38\u57ce",
                                "\u56fa\u59cb",
                                "\u9e7f\u9091",
                                "\u65b0\u8521"
                            ]
                        }
                    ],
                    "yAxis": [
                        {
                            "type": "value",
                            "name": "\u6848\u4ef6\u6570",
                            "show": true,
                            "scale": false,
                            "nameLocation": "end",
                            "nameGap": 15,
                            "gridIndex": 0,
                            "axisTick": {
                                "show": true,
                                "alignWithLabel": false,
                                "inside": false
                            },
                            "inverse": false,
                            "offset": 0,
                            "splitNumber": 5,
                            "min": 10,
                            "max": 100,
                            "minInterval": 0,
                            "splitLine": {
                                "show": true,
                                "lineStyle": {
                                    "show": true,
                                    "width": 1,
                                    "opacity": 1,
                                    "curveness": 0,
                                    "type": "solid"
                                }
                            }
                        }
                    ],
                    "title": [
                        {
                            "padding": 5,
                            "itemGap": 10
                        }
                    ],
                    "toolbox": {
                        "show": true,
                        "orient": "horizontal",
                        "itemSize": 15,
                        "itemGap": 10,
                        "left": "80%",
                        "feature": {
                            "saveAsImage": {
                                "show": true,
                                "title": "save as image",
                                "type": "png"
                            },
                            "restore": {
                                "show": true,
                                "title": "restore"
                            },
                            "dataView": {
                                "show": true,
                                "title": "data view",
                                "readOnly": false
                            },
                            "dataZoom": {
                                "show": true,
                                "title": {
                                    "zoom": "data zoom",
                                    "back": "data zoom restore"
                                }
                            }
                        }
                    },
                    "dataZoom": {
                        "show": true,
                        "type": "slider",
                        "realtime": true,
                        "start": 0,
                        "end": 80,
                        "orient": "horizontal",
                        "zoomLock": false
                    }
                };
                chart_9c893740665f41449c15edcb71e5b539.setOption(option_9c893740665f41449c15edcb71e5b539);
            </script>
        </div>

        <div class="container" title="各地案件涉案金额与处罚金额对比分析图">
            <h3>三、各地案件涉案金额与处罚金额对比分析图</h3>
        </div>
        <div class="row" title="各地案件涉案金额与处罚金额对比分析图">
            <div id="200a568fbe654900bb49adcdb3bfd13a" class="chart-container"
                 style="width:1400px; height:500px;margin: 0 auto"></div>
            <script>
                var chart_200a568fbe654900bb49adcdb3bfd13a = echarts.init(
                    document.getElementById('200a568fbe654900bb49adcdb3bfd13a'), 'white', {renderer: 'canvas'});
                var option_200a568fbe654900bb49adcdb3bfd13a = {
                    "animation": true,
                    "animationThreshold": 2000,
                    "animationDuration": 1000,
                    "animationEasing": "cubicOut",
                    "animationDelay": 0,
                    "animationDurationUpdate": 300,
                    "animationEasingUpdate": "cubicOut",
                    "animationDelayUpdate": 0,
                    "color": [
                        "#c23531",
                        "#2f4554",
                        "#61a0a8",
                        "#d48265",
                        "#749f83",
                        "#ca8622",
                        "#bda29a",
                        "#6e7074",
                        "#546570",
                        "#c4ccd3",
                        "#f05b72",
                        "#ef5b9c",
                        "#f47920",
                        "#905a3d",
                        "#fab27b",
                        "#2a5caa",
                        "#444693",
                        "#726930",
                        "#b2d235",
                        "#6d8346",
                        "#ac6767",
                        "#1d953f",
                        "#6950a1",
                        "#918597"
                    ],
                    "series": [
                        {
                            "type": "bar",
                            "name": "\u6d89\u6848\u603b\u91d1\u989d",
                            "data": [
                                "42.67",
                                "25.27",
                                "42.13",
                                "39.06",
                                "41.83",
                                "15.05",
                                "5.67",
                                "24.89",
                                "43.17",
                                "29.89",
                                "29.52",
                                "23.51",
                                "22.30",
                                "39.27",
                                "22.52",
                                "30.38",
                                "23.81",
                                "48.52",
                                "36.70",
                                "7.21",
                                "35.78",
                                "18.53",
                                "34.78",
                                "10.82",
                                "27.85",
                                "37.96",
                                "7.52",
                                "44.89"
                            ],
                            "barCategoryGap": "20%",
                            "label": {
                                "show": true,
                                "position": "top",
                                "margin": 8
                            }
                        },
                        {
                            "type": "bar",
                            "name": "\u7f5a\u6b3e\u603b\u91d1\u989d",
                            "data": [
                                "16.38",
                                "27.25",
                                "13.03",
                                "12.40",
                                "11.59",
                                "13.09",
                                "40.07",
                                "49.19",
                                "36.14",
                                "20.63",
                                "49.15",
                                "49.73",
                                "31.46",
                                "21.49",
                                "38.36",
                                "18.23",
                                "42.68",
                                "7.73",
                                "6.37",
                                "29.41",
                                "34.90",
                                "24.06",
                                "19.42",
                                "48.83",
                                "49.31",
                                "31.03",
                                "28.28",
                                "19.24"
                            ],
                            "barCategoryGap": "20%",
                            "label": {
                                "show": true,
                                "position": "top",
                                "margin": 8
                            }
                        }
                    ],
                    "legend": [
                        {
                            "data": [
                                "\u6d89\u6848\u603b\u91d1\u989d",
                                "\u7f5a\u6b3e\u603b\u91d1\u989d"
                            ],
                            "selected": {
                                "\u6d89\u6848\u603b\u91d1\u989d": true,
                                "\u7f5a\u6b3e\u603b\u91d1\u989d": true
                            },
                            "show": true,
                            "padding": 5,
                            "itemGap": 10,
                            "itemWidth": 25,
                            "itemHeight": 14
                        }
                    ],
                    "tooltip": {
                        "show": true,
                        "trigger": "axis",
                        "triggerOn": "mousemove|click",
                        "axisPointer": {
                            "type": "cross"
                        },
                        "textStyle": {
                            "fontSize": 14
                        },
                        "borderWidth": 0
                    },
                    "xAxis": [
                        {
                            "type": "category",
                            "show": true,
                            "scale": false,
                            "nameLocation": "end",
                            "nameGap": 15,
                            "gridIndex": 0,
                            "axisPointer": {
                                "show": true,
                                "type": "shadow"
                            },
                            "inverse": false,
                            "offset": 0,
                            "splitNumber": 5,
                            "minInterval": 0,
                            "splitLine": {
                                "show": false,
                                "lineStyle": {
                                    "show": true,
                                    "width": 1,
                                    "opacity": 1,
                                    "curveness": 0,
                                    "type": "solid"
                                }
                            },
                            "data": [
                                "\u90d1\u5dde",
                                "\u5f00\u5c01",
                                "\u6d1b\u9633",
                                "\u5e73\u9876\u5c71",
                                "\u5b89\u9633",
                                "\u9e64\u58c1",
                                "\u65b0\u4e61",
                                "\u7126\u4f5c",
                                "\u6fee\u9633",
                                "\u8bb8\u660c",
                                "\u6f2f\u6cb3",
                                "\u4e09\u95e8\u5ce1",
                                "\u5357\u9633",
                                "\u5546\u4e18",
                                "\u4fe1\u9633",
                                "\u5468\u53e3",
                                "\u9a7b\u9a6c\u5e97",
                                "\u6d4e\u6e90",
                                "\u5de9\u4e49",
                                "\u5170\u8003",
                                "\u6c5d\u5dde",
                                "\u6ed1\u53bf",
                                "\u957f\u57a3",
                                "\u9093\u5dde",
                                "\u6c38\u57ce",
                                "\u56fa\u59cb",
                                "\u9e7f\u9091",
                                "\u65b0\u8521"
                            ]
                        }
                    ],
                    "yAxis": [
                        {
                            "type": "value",
                            "name": "\u91d1\u989d",
                            "show": true,
                            "scale": false,
                            "nameLocation": "end",
                            "nameGap": 15,
                            "gridIndex": 0,
                            "axisTick": {
                                "show": true,
                                "alignWithLabel": false,
                                "inside": false
                            },
                            "axisLabel": {
                                "show": true,
                                "position": "top",
                                "margin": 8,
                                "formatter": "{value} \u4e07\u5143"
                            },
                            "inverse": false,
                            "offset": 0,
                            "splitNumber": 5,
                            "min": 5,
                            "max": 50,
                            "minInterval": 0,
                            "splitLine": {
                                "show": true,
                                "lineStyle": {
                                    "show": true,
                                    "width": 1,
                                    "opacity": 1,
                                    "curveness": 0,
                                    "type": "solid"
                                }
                            }
                        }
                    ],
                    "title": [
                        {
                            "padding": 5,
                            "itemGap": 10
                        }
                    ],
                    "toolbox": {
                        "show": true,
                        "orient": "horizontal",
                        "itemSize": 15,
                        "itemGap": 10,
                        "left": "80%",
                        "feature": {
                            "saveAsImage": {
                                "show": true,
                                "title": "save as image",
                                "type": "png"
                            },
                            "restore": {
                                "show": true,
                                "title": "restore"
                            },
                            "dataView": {
                                "show": true,
                                "title": "data view",
                                "readOnly": false
                            },
                            "dataZoom": {
                                "show": true,
                                "title": {
                                    "zoom": "data zoom",
                                    "back": "data zoom restore"
                                }
                            }
                        }
                    },
                    "dataZoom": {
                        "show": true,
                        "type": "slider",
                        "realtime": true,
                        "start": 0,
                        "end": 80,
                        "orient": "horizontal",
                        "zoomLock": false
                    }
                };
                chart_200a568fbe654900bb49adcdb3bfd13a.setOption(option_200a568fbe654900bb49adcdb3bfd13a);
            </script>
        </div>

        <div class="container" title="各类案件办案数量对比分析图">
            <h3>四、各类案件办案数量对比分析图</h3>
        </div>
        <div class="row" title="各类案件办案数量对比分析图">
            <div id="45a0a9e0f0774838b29f87bb26663af4" class="chart-container" style="width:1200px; height:700px;margin: 0 auto"></div>
            <script>
                var chart_45a0a9e0f0774838b29f87bb26663af4 = echarts.init(
                    document.getElementById('45a0a9e0f0774838b29f87bb26663af4'), 'white', {renderer: 'canvas'});
                var option_45a0a9e0f0774838b29f87bb26663af4 = {
                    "animation": true,
                    "animationThreshold": 2000,
                    "animationDuration": 1000,
                    "animationEasing": "cubicOut",
                    "animationDelay": 0,
                    "animationDurationUpdate": 300,
                    "animationEasingUpdate": "cubicOut",
                    "animationDelayUpdate": 0,
                    "color": [
                        "#c23531",
                        "#2f4554",
                        "#61a0a8",
                        "#d48265",
                        "#749f83",
                        "#ca8622",
                        "#bda29a",
                        "#6e7074",
                        "#546570",
                        "#c4ccd3",
                        "#f05b72",
                        "#ef5b9c",
                        "#f47920",
                        "#905a3d",
                        "#fab27b",
                        "#2a5caa",
                        "#444693",
                        "#726930",
                        "#b2d235",
                        "#6d8346",
                        "#ac6767",
                        "#1d953f",
                        "#6950a1",
                        "#918597"
                    ],
                    "series": [
                        {
                            "type": "pie",
                            "name": "\u6848\u4ef6\u7c7b\u578b",
                            "clockwise": true,
                            "data": [
                                {
                                    "name": "\u519c\u4e1a\u6848\u4ef6",
                                    "value": 335
                                },
                                {
                                    "name": "\u755c\u7267\u517d\u533b\u6848\u4ef6",
                                    "value": 679
                                },
                                {
                                    "name": "\u519c\u673a\u6848\u4ef6",
                                    "value": 154
                                },
                                {
                                    "name": "\u6e14\u4e1a\u6848\u4ef6",
                                    "value": 123
                                }
                            ],
                            "radius": [
                                0,
                                "30%"
                            ],
                            "center": [
                                "60%",
                                "50%"
                            ],
                            "label": {
                                "show": true,
                                "position": "inner",
                                "margin": 8
                            },
                            "tooltip": {
                                "show": true,
                                "trigger": "item",
                                "triggerOn": "mousemove|click",
                                "axisPointer": {
                                    "type": "line"
                                },
                                "formatter": "{a} <br/>{b}: {c} ({d}%)",
                                "textStyle": {
                                    "fontSize": 14
                                },
                                "borderWidth": 0
                            },
                            "rippleEffect": {
                                "show": true,
                                "brushType": "stroke",
                                "scale": 2.5,
                                "period": 4
                            }
                        },
                        {
                            "type": "pie",
                            "name": "\u6848\u4ef6\u7c7b\u578b",
                            "clockwise": true,
                            "data": [
                                {
                                    "name": "\u79cd\u5b50",
                                    "value": 110
                                },
                                {
                                    "name": "\u5316\u80a5",
                                    "value": 120
                                },
                                {
                                    "name": "\u519c\u836f",
                                    "value": 105
                                },
                                {
                                    "name": "\u52a8\u76d1",
                                    "value": 135
                                },
                                {
                                    "name": "\u9972\u6599",
                                    "value": 125
                                },
                                {
                                    "name": "\u517d\u836f",
                                    "value": 251
                                },
                                {
                                    "name": "\u5c60\u5bb0",
                                    "value": 168
                                },
                                {
                                    "name": "\u519c\u673a",
                                    "value": 154
                                },
                                {
                                    "name": "\u6e14\u4e1a",
                                    "value": 123
                                }
                            ],
                            "radius": [
                                "40%",
                                "55%"
                            ],
                            "center": [
                                "60%",
                                "50%"
                            ],
                            "label": {
                                "show": true,
                                "position": "outside",
                                "margin": 8,
                                "formatter": "{a|{a}}{abg|}\n{hr|}\n {b|{b}: }{c}  {per|{d}%}  ",
                                "backgroundColor": "#eee",
                                "borderColor": "#aaa",
                                "borderWidth": 1,
                                "borderRadius": 4,
                                "rich": {
                                    "a": {
                                        "color": "#999",
                                        "lineHeight": 22,
                                        "align": "center"
                                    },
                                    "abg": {
                                        "backgroundColor": "#e3e3e3",
                                        "width": "100%",
                                        "align": "right",
                                        "height": 22,
                                        "borderRadius": [
                                            4,
                                            4,
                                            0,
                                            0
                                        ]
                                    },
                                    "hr": {
                                        "borderColor": "#aaa",
                                        "width": "100%",
                                        "borderWidth": 0.5,
                                        "height": 0
                                    },
                                    "b": {
                                        "fontSize": 16,
                                        "lineHeight": 33
                                    },
                                    "per": {
                                        "color": "#eee",
                                        "backgroundColor": "#334455",
                                        "padding": [
                                            2,
                                            4
                                        ],
                                        "borderRadius": 2
                                    }
                                }
                            },
                            "tooltip": {
                                "show": true,
                                "trigger": "item",
                                "triggerOn": "mousemove|click",
                                "axisPointer": {
                                    "type": "line"
                                },
                                "formatter": "{a} <br/>{b}: {c} ({d}%)",
                                "textStyle": {
                                    "fontSize": 14
                                },
                                "borderWidth": 0
                            },
                            "rippleEffect": {
                                "show": true,
                                "brushType": "stroke",
                                "scale": 2.5,
                                "period": 4
                            }
                        }
                    ],
                    "legend": [
                        {
                            "data": [
                                "\u519c\u4e1a\u6848\u4ef6",
                                "\u755c\u7267\u517d\u533b\u6848\u4ef6",
                                "\u519c\u673a\u6848\u4ef6",
                                "\u6e14\u4e1a\u6848\u4ef6",
                                "\u79cd\u5b50",
                                "\u5316\u80a5",
                                "\u519c\u836f",
                                "\u52a8\u76d1",
                                "\u9972\u6599",
                                "\u517d\u836f",
                                "\u5c60\u5bb0",
                                "\u519c\u673a",
                                "\u6e14\u4e1a"
                            ],
                            "selected": {},
                            "show": true,
                            "left": "100px",
                            "top": "middle",
                            "orient": "vertical",
                            "padding": 5,
                            "itemGap": 10,
                            "itemWidth": 25,
                            "itemHeight": 14
                        }
                    ],
                    "tooltip": {
                        "show": true,
                        "trigger": "item",
                        "triggerOn": "mousemove|click",
                        "axisPointer": {
                            "type": "line"
                        },
                        "textStyle": {
                            "fontSize": 14
                        },
                        "borderWidth": 0
                    },
                    "title": [
                        {
                            "padding": 5,
                            "itemGap": 10
                        }
                    ]
                };
                chart_45a0a9e0f0774838b29f87bb26663af4.setOption(option_45a0a9e0f0774838b29f87bb26663af4);
            </script>
        </div>

        <div class="container" title="各地办案数量展示">
            <h3>五、各地办案数量展示</h3>
        </div>
        <div class="row" title="各地办案数量展示">
    <div id="722989a56fab46a687e3b063dec8946d" class="chart-container" style="width:1400px; height:800px;margin: 0 auto"></div>
    <script>
        var chart_722989a56fab46a687e3b063dec8946d = echarts.init(
            document.getElementById('722989a56fab46a687e3b063dec8946d'), 'white', {renderer: 'canvas'});
        var option_722989a56fab46a687e3b063dec8946d = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "map",
            "name": "\u5404\u5730\u529e\u6848\u6570",
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            },
            "mapType": "\u6cb3\u5357",
            "data": [
                {
                    "name": "\u90d1\u5dde\u5e02",
                    "value": 56
                },
                {
                    "name": "\u5f00\u5c01\u5e02",
                    "value": 18
                },
                {
                    "name": "\u6d1b\u9633\u5e02",
                    "value": 44
                },
                {
                    "name": "\u5e73\u9876\u5c71\u5e02",
                    "value": 0
                },
                {
                    "name": "\u5b89\u9633\u5e02",
                    "value": 70
                },
                {
                    "name": "\u9e64\u58c1\u5e02",
                    "value": 4
                },
                {
                    "name": "\u65b0\u4e61\u5e02",
                    "value": 2
                },
                {
                    "name": "\u7126\u4f5c\u5e02",
                    "value": 94
                },
                {
                    "name": "\u6fee\u9633\u5e02",
                    "value": 73
                },
                {
                    "name": "\u8bb8\u660c\u5e02",
                    "value": 43
                },
                {
                    "name": "\u6f2f\u6cb3\u5e02",
                    "value": 31
                },
                {
                    "name": "\u4e09\u95e8\u5ce1\u5e02",
                    "value": 51
                },
                {
                    "name": "\u5357\u9633\u5e02",
                    "value": 73
                },
                {
                    "name": "\u5546\u4e18\u5e02",
                    "value": 45
                },
                {
                    "name": "\u4fe1\u9633\u5e02",
                    "value": 72
                },
                {
                    "name": "\u5468\u53e3\u5e02",
                    "value": 40
                },
                {
                    "name": "\u9a7b\u9a6c\u5e97\u5e02",
                    "value": 52
                },
                {
                    "name": "\u6d4e\u6e90\u5e02",
                    "value": 93
                },
                {
                    "name": "\u5de9\u4e49\u5e02",
                    "value": 69
                },
                {
                    "name": "\u5170\u8003\u53bf",
                    "value": 49
                },
                {
                    "name": "\u6c5d\u5dde\u5e02",
                    "value": 65
                },
                {
                    "name": "\u6ed1\u53bf",
                    "value": 94
                },
                {
                    "name": "\u957f\u57a3\u53bf",
                    "value": 76
                },
                {
                    "name": "\u9093\u5dde\u5e02",
                    "value": 92
                },
                {
                    "name": "\u6c38\u57ce\u5e02",
                    "value": 94
                },
                {
                    "name": "\u56fa\u59cb\u53bf",
                    "value": 64
                },
                {
                    "name": "\u9e7f\u9091\u53bf",
                    "value": 61
                },
                {
                    "name": "\u65b0\u8521\u53bf",
                    "value": 46
                }
            ],
            "roam": true,
            "zoom": 1,
            "showLegendSymbol": true,
            "emphasis": {}
        }
    ],
    "legend": [
        {
            "data": [
                "\u5404\u5730\u529e\u6848\u6570"
            ],
            "selected": {
                "\u5404\u5730\u529e\u6848\u6570": true
            },
            "show": false,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0
    },
    "title": [
        {
            "padding": 5,
            "itemGap": 10
        }
    ],
    "visualMap": {
        "show": true,
        "type": "continuous",
        "min": 0,
        "max": 100,
        "inRange": {
            "color": [
                "#50a3ba",
                "#eac763",
                "#d94e5d"
            ]
        },
        "calculable": true,
        "inverse": false,
        "splitNumber": 5,
        "orient": "vertical",
        "left": "15%",
         "bottom": "150px",
        "showLabel": true,
        "itemWidth": 20,
        "itemHeight": 140,
        "borderWidth": 0
    }
};
        chart_722989a56fab46a687e3b063dec8946d.setOption(option_722989a56fab46a687e3b063dec8946d);
    </script>
        </div>

    </div>
{% endblock %}
{% block js %}
    <script>
        $(".t1").val('{{ t1 }}')
        $(".t2").val('{{ t2 }}')
    </script>
{% endblock %}